<template>
  <view>
    <u-modal
      :show="show"
      width="625rpx"
      @confirm="confirm"
      @cancel="cancel"
      @close="close()"
      :content="content"
      cancelColor="#000"
      confirmColor="#6678A0"
      showCancelButton="true"
      closeOnClickOverlay="true"
    >
      <view class="slot-content">
        取消关注成功
      </view>
    </u-modal>
  </view>
</template>

<script>
export default {
  data() {
    return {
      show: false,
      content: '取消关注成功',
    }
  },
  methods: {
    open() {
      this.show = true
    },
    close() {
      this.show = false
      this.$emit('stop')
    },
    confirm() {
      this.show = false
      this.$emit('stop')
    },
    cancel() {
      this.show = false
      this.$emit('stop')
    },
  },
}
</script>

<style>
* {
  text-align: center;
  font-size: 34rpx;
  font-weight: bold;
  color: #000;
}
.slot-content {
  color: #000;
  padding: 15rpx 0 40rpx 0;
}
/deep/.u-modal {
  border-radius: 20rpx !important;
}
.u-line {
  opacity: 0.5;
}
</style>
